<template>
    <div class="common-table">
        <template>
        <el-table :data="tableData" height="90%" stripe>
        <el-table-column
        show-overflow-tooltip
        v-for="item in tableLabel"
        :prop='item.porp'
        :key="item.porp"
        :label="item.label"
        :width="item.width ? item.width : 125" />
        </el-table>
        </template>

    </div>
</template>

<script>
export default {
    data() {
        return {
            tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }],
          tableLabel: [
        {
          porp: "date",
          label: "日期",
        },
        {
          porp: "name",
          label: "姓名",
        },
        {
          porp: "address",
          label: "地址",
        }
      ],
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>

</style>